<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">

    	.bottom
	{
		position:fixed;
		right:0px;
		_position:absolute;
		/*_right:17px;*/
		bottom:0px;
		background:#f1f1f1;
		color:#fff;
		border-top:1px solid #fff;
		display:block;
		width:100%;
		text-align:center;
		 z-index:9999;
	}
	.bottom span{
		padding-right: 5px;
		margin-right: 5px;
	}
	.bottom ul{
		list-style: none;
		padding: 0;
		height: 30px;
	}
	.bottom ul li{
		float: left;
		width: 33%;
		font-weight: bold;
		margin-top:9px;
	}
	.bottom a,a:hover{ text-decoration:none; color:#fff;}
	
	.container ul{
		list-style: none;
		padding: 0;
	}
	
	/* body{ 
			background-image:url('/wpages/images/bk-02.gif') ;
			background-attachment:fixed;
			background-repeat:no-repeat;
			background-size:cover;
			-moz-background-size:cover;
			-webkit-background-size:cover;
	}  */
	
    </style>
</head>
<body>
 <!-- 这里是固定在底部的导航条 start-->
     <div class="bottom" style="background-color: black;">
		<ul>
			<li><span class="glyphicon glyphicon-home"></span><a href="/wpages/whome.jsp">微官网</a></li>
			<li><span class="glyphicon glyphicon-earphone"></span><a href="tel:0316-5121586">联系电话</a></li>
			<li><span class="glyphicon glyphicon-map-marker"></span><a href="http://api.map.baidu.com/marker?location=39.959302,116.832617&title=功夫梦·中国&content=功夫梦·中国&output=html">一键导航</a></li>
		</ul>
	</div>
	<!-- 这里是固定在底部的导航条 end-->
</body>
</html>